.htrd-input-wrapper {
  border: 1px solid #bdbdbd;
  margin: 10px auto;
}
.htrd-input-wrapper-focus {
  border: 1px solid #3aa2e4;
  margin: 10px auto;
}
.form-group input {
  border: none;
  outline: none;
}
.htrd-icon-login {
  display: inline-block;
  height: 38px;
  width: 38px;
  background: url("../img/pwd-icons-new.png") no-repeat;
  vertical-align: middle;
  border-right: 1px solid #bdbdbd;
}
.htrd-icon-user-focus {
  display: inline-block;
  height: 38px;
  width: 38px;
  background: url("../img/pwd-icons-new.png") no-repeat;
  vertical-align: middle;
  background-position: 0 -48px;
  border-right: 1px solid #3aa2e4;
}
.htrd-icon-psw {
  background-position: -48px 0;
}
.htrd-icon-psw-focus {
  background-position: -48px -48px;
  border-right: 1px solid #3aa2e4;
}
body {
  background-color: #f7f8fa;
  position: relative;
  width: 100%;
  height: 10;
}
.htrd-login-wrap {
  min-width: 600px;
  min-height: 407px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  transform: translate3d(-50%, -50%, 0);
  box-shadow: 2px 2px 8px #aaaaaa;
}
.htrd-login-wrap .htrd-login-left {
  background: url('../img/login.png') no-repeat;
  height: 407px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content {
  margin: 40px 40px 0 10px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-logo {
  background: url('../img/login_logo.png') no-repeat;
  width: 204px;
  height: 29px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input {
  margin: 40px 0;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input .htrd-login-text-err {
  color: #ff524f;
  font-size: 12px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input .htrd-login-user .icon_user {
  float: left;
  width: 22px;
  height: 22px;
  background: url('../img/sprite/sprite.png') no-repeat -98px -1197px;
  margin-right: 10px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input .htrd-login-user span {
  color: #3b8cff;
  float: left;
  font-size: 16px;
  letter-spacing: 2px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input .user_input {
  border-bottom: 1px solid #3b8cff;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-input .user_input input {
  padding: 13px 10px 10px 10px;
  border: none;
  outline: none;
  font-size: 12px;
  background-color: #f7f8fa;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-psw {
  margin-top: 30px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-psw .icon_psw {
  float: left;
  width: 22px;
  height: 22px;
  background: url('../img/sprite/sprite.png') no-repeat -18px -1197px;
  margin-right: 10px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .htrd-login-psw span {
  color: #3b8cff;
  float: left;
  font-size: 16px;
  letter-spacing: 2px;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .psw_input {
  border-bottom: 1px solid #3b8cff;
}
.htrd-login-wrap .htrd-login-right .htrd-login-content .psw_input input {
  margin: 13px 10px 10px 10px;
  border: none;
  outline: none;
  font-size: 12px;
  background-color: #f7f8fa;
}
